*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

/* 头部 */
header{
    width: 1000px;
    margin: 0 auto ;
}
/* 顶部内容 */
header .head-top{
    position: relative;
    width: 1000px;
    height: 140px;
    background-color: #00b7ee;
} 

/* 导航栏 */
header .head-top nav {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1000px;
        height: 116px;
        background-color: #fff;
        padding:37px 76px 15px 76px;
        box-sizing: border-box;
}

header .head-top nav>img,
header .head-top nav>ul,
header .head-top nav>div{
      float: left;
}

header .head-top nav>img{
     margin-right: 60px;
}

header .head-top nav>ul{
      width: 450px;
}

header .head-top nav>ul>li{
    position: relative;
       display: inline-block;
       margin: 35px 6px 0;
}
/* 首页下划线 */
header .head-top nav>ul>li:nth-of-type(2)::after{
    content: "";
    position: absolute;
    left:50%;
    bottom:-7px;
    margin-left:-10px;
    width: 18px;  
    height: 2px;
    background-color: #000;
}

header .head-top nav>ul>li>a{
          font-size: 14px;
          font-weight: bolder;
          color: #0f0f0f;
       font-family: "微软雅黑";

}
header .head-top nav .search-box{
    width: 207px;
    height: 30px;
    border: 1px solid #000;
    box-sizing: border-box;
    margin-top: 29px;
}
header .head-top nav .search-box img{
    width: 27px;
    margin: 3px 7px 3px 3px;
}
header .head-top nav .search-box input{
    width: 160px;
    height: 22px;
    border: none;
    vertical-align: top;
    outline: none;
    margin-top: 2px;
    margin-left: 2px;
}

/* 顶部轮播图 */
header .head-carousel{
    overflow: hidden;
    position: relative;

}
header .head-carousel>ul{
    width: 3000px;
}
header .head-carousel>ul>li{
    float: left;
}
header .head-carousel>ul>li>img{
    width: 1000px;
}
header .head-carousel>.dots{
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left:-46px ;

}
header .head-carousel>.dots>span{
    display: inline-block;
    margin: 0 6px;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #395674;
}
header .head-carousel>.dots>.dots_active{
    background-color: rgba(0, 0, 0, 0.5);
}
header .head-carousel>.dots>span:hover{
     background-color: rgba(0, 0, 0, 0.5);
     cursor: pointer;
}

/* 内容 */
main{
    width: 1000px;
    margin: 0 auto;
}
main .main-top{
  width: 900px;
  height: 210px;
  position: relative;
  border-top: 1px solid #6db6ff;
  margin: 45px auto 0;
}
main .main-top .top-1 {
  width: 80px;
  height: 30px;
  background: linear-gradient(-65deg, transparent 13px, #6db6ff 0 );
  float: left;
  color: #fff;
  font-size: 16px;
}
main .main-top .top-1 span{
  position: absolute;
top: 3px;
font-family: "微软雅黑";
font-weight: bold;
}
main .main-top .top-2{
  position: absolute;
  left: 70px;
  top: 3px;
 font-size: 16px;
 font-family: "微软雅黑";
 font-weight: bold;
}
main .main-top .top-3{
 
  position:absolute;
  top: 65px;
}
main .main-top .top-3 h4{
  display: inline-block;
  font-size: 16px;
  font-family: "微软雅黑";
  margin-bottom: 7px;
  position: relative;
  bottom: 12px;
  margin-left: 5px;

} 
main .main-top .top-3 span{
  font-size: 14px;
  font-family: "微软雅黑";
  margin-left: 5px;
  position: relative;
  bottom: 12px;
  color: #6db6ff;

}
main .main-top .top-3 a{
  font-size: 12px;
  font-family: "微软雅黑";
  position: relative;
  bottom: 12px;
  color: #000;
  
}
main .main-top .top-4{
 
  position:absolute;
  top: 110px;
}
main .main-top .top-4 h4{
  display: inline-block;
  font-size: 16px;
  font-family: "微软雅黑";
  margin-bottom: 7px;
  position: relative;
  bottom: 12px;
  margin-left: 5px;
} 
main .main-top .top-4 span{
  font-size: 14px;
  font-family: "微软雅黑";
  margin-left: 5px;
  position: relative;
  bottom: 12px;
  color: #6db6ff;

}
main .main-top .top-4 a{
  font-size: 12px;
  font-family: "微软雅黑";
  position: relative;
  bottom: 12px;
  color: #000;
  
}
main .main-top .top-5{
 
  position:absolute;
  top: 155px;
}
main .main-top .top-5 h4{
  display: inline-block;
  font-size: 16px;
  font-family: "微软雅黑";
  margin-bottom: 7px;
  position: relative;
  bottom: 12px;
  margin-left: 5px;

} 
main .main-top .top-5 span{
  font-size: 14px;
  font-family: "微软雅黑";
  margin-left: 5px;
  position: relative;
  bottom: 12px;
  color: #6db6ff;


}
main .main-top .top-5 a{
  font-size: 12px;
  font-family: "微软雅黑";
  position: relative;
  bottom: 12px;
  color: #000;
}
/* 列表 标题  */
main .main-content {
  width: 900px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
main .main-content .con-1,.con-3{
  width: 75px;
  height: 40px;
  border-top:1px solid #b3d8fd;
  background-color: #fafafa;
  position: absolute;
}
main .main-content .con-3{
  right: 0;
}
main .main-content .con-2{
  width: 750px;
  height: 40px;
  background-color: white;
  position: absolute;
  left:75px;
      border-bottom: 1px solid #b3d8fd;
}
/* 三角形 */
main .main-content .con-2 .bottom-left{
  width:0;
  height:0;
  border-width:0px 15px 40px 0px;
  border-style:solid;
  border-color:transparent  transparent  #b3d8fd  transparent;
  position: absolute;
  bottom: 0;
   left: 0;
      }
      main .main-content .con-2 .bottom-right{
  width:0;
  height:0;
  border-width:0px 0px 40px 15px;
  border-style:solid;
  border-color:transparent transparent #b3d8fd transparent;
  position: absolute;
 bottom: 0;
  right: 0;
   }
/* 标题 */
main .main-content .con-2 .con-baioti{
  /* margin-bottom: 12px; */
  margin:10px 50px;
  position: relative;
}
main .main-content .con-2 .con-baioti h3{
  font-size: 16px;
  font-family: "微软雅黑";
  font-weight: bold;
  display: inline-block;
}
main .main-content .con-2 .con-baioti h3:last-of-type{
  position: absolute;
  right: 0;
}
main .main-content .con-2 .con-baioti h3:nth-of-type(2){
  margin-left: 80px;
  margin-right: 100px;
}
main .main-content .con-2 .con-baioti h3:nth-of-type(3){
  margin-right: 115px;
}

/* 列表 */
main .main-center{
  width: 900px;
  height: 530px;
  margin: 0 auto;
  background-color: #fafafa;
  border-bottom: 1px solid #b3d8fd;
  position: relative;
}
main .main-center ul{
  margin-top: 20px;
  position: absolute;
}
main .main-center ul li{
  font-size: 12px;
  font-family: "微软雅黑";
  margin-bottom: 16px;
}
main .main-center ul:first-of-type{
  margin-left: 70px;
}
main .main-center ul:nth-of-type(2){
  left: 290px;
}
main .main-center ul:nth-of-type(3){
  left: 435px;
}
main .main-center ul:nth-of-type(4){
  right: 263px;
}

main .main-center ul:last-of-type{
  right: 122px;
}

/* 底部内容 */
main .main-dibu{
  height: 55px;
  width: 900px;
  margin: 0 auto;
  position: relative;
}
main .main-dibu .dibu-1 button{
  width: 18px;
  height: 18px;
  position: relative;
  top: 15px;
  left: 345px;
  border: 1px solid #c9c9c9;
  background-color: #e5e5e5;

}
main .main-dibu .dibu-1 button:first-of-type{
  width: 50px;
  height: 18px;
}
main .main-dibu .dibu-1 button:last-of-type{
  width: 50px;
  height: 18px;
}
main .main-dibu .dibu-1 button a{
  font-size: 12px;
  font-family: "微软雅黑";
  color: #000;
}
main .main-dibu .dibu-1 button:nth-of-type(2) {
    background-color: #6db6ff;
}
main .main-dibu .dibu-1 button:nth-of-type(2) a{
  color: #fff;
}



/* 尾部 */
footer{
    width: 1000px;
    margin: 0 auto;
}
footer .foot{
   width: 1000px;
   height: 229px;
   background-color: #6db6ff;
   position: relative;
}
footer .foot div{
   width: 1000px;
   height: 170px;
   position: relative;
   background-color: #fff;
   top: 0;
   left: 0;
}
footer .foot div nav {
   width: 1000px;
   height: 170px;
  border-top: 1px solid #b6daff ; 
 
}
footer .foot span{
   position: absolute;
   bottom: 15px;
   left: 350px;
}
/*  */
footer .foot div nav .foot-1 {
   width:900px;
   height: 100px;
   position: absolute;
   top: 45px;
   left: 52px;
   letter-spacing: 2px;
}
footer .foot div nav .foot-1 ul{
   float: left;
   font-size: 16px;
  font-family: "微软雅黑";
   
}
footer .foot div nav .foot-1 ul li a{
   color: #000;
  font-family: "微软雅黑";

}
footer .foot div nav .foot-1 ul li:nth-of-type(1){
   font-size: 18px;
   font-weight: bold;
}
footer .foot div nav .foot-1 ul li{
   font-size: 12px;
   line-height: 20px;
}
footer .foot div nav .foot-1 ul li:nth-of-type(2){
          margin-top: 23px;
}
footer .foot div nav .foot-1 ul:first-of-type{
   margin-right:  55px;
}
footer .foot div nav .foot-1 ul:nth-of-type(3){
  margin-right: 55px;
  margin-left: 90px;
}

/* 联系 */
footer .foot div nav .foot-2{
  width: 285px;
  height: 105px;
  float: right;
  margin-top: 45px;
  margin-right: 50px;
  position: relative;
 
}
footer .foot div nav .foot-2 img:nth-of-type(1){
  position: absolute;
  top: 3px;
  left: 5px;
}
footer .foot div nav .foot-2 img:nth-of-type(2){
  position: absolute;
  bottom: 0;
  left: 0;
}
footer .foot div nav .foot-2 img:nth-of-type(3){
  position: absolute;
  top:30px;
  right: 0;
}

/*  */
footer .foot div nav .foot-2 p:nth-of-type(1){
  position:absolute;
  left: 50px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 3px;
}
footer .foot div nav .foot-2 p:nth-of-type(2){
  position: absolute;
left: 50px;
  top:20px;
  font-weight: bold;
  font-size: 14px;
}

footer .foot div nav .foot-2 p:nth-of-type(3){
  position: absolute;
  right: 0;
  font-size: 5px;

}

footer .foot div nav .foot-2 p:nth-of-type(4){
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 5px;

}

footer .foot div nav .foot-2 p:nth-of-type(5){
  position: absolute;
  left: 38px;
  top: 35px;
  font-size: 5px;
}
footer .foot div nav .foot-2 p:nth-of-type(6){
  position: absolute;
  left: 55px;
  bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 3px;

}